@mixin pr(){
   
   position: relative;
   

}

/*  声明css绝对定位的混合 */

@mixin pa($y,$x){

	position: absolute;
	top: $y;
	left:$x;
}

/* 声明背景图片的css混合 */

@mixin bgImg($url,$y,$x,$wid){

	background-image: url($url);
	background-position: $y $x;
	background-repeat: no-repeat;
	background-size: $wid;


}
@mixin bgImgs($url,$y,$x){

  background-image: url($url);
  background-position: $y $x;
  background-repeat: no-repeat;
}

@mixin pf($y:0,$x:0){
	position: fixed;
	top: $y;
	left: $x;
}


header{
    width:750px;
    position: fixed;
    top: 0px;
    /* left: 0px; */
    padding-top: 43px;
  .nav{
  	width: 90%;
  	margin: 0px auto;
  	display: flex;
  	justify-content:space-between;
  }
  .nav>div{
     flex-basis:20%;
     text-align: center;

  }
  .nav>div:nth-of-type(1){
     text-align: left;
     .back{

     	 width: 120px;
     	 height: 55px;
     	 border:2px solid #ff9a50;
     	 text-align: center;
     	 line-height: 55px;
     	 border-radius: 20px;
     	 font-size: 26px;
     	 color: #000;
     	 font-weight: bold;

     }
  } 
  .nav>div:nth-of-type(2){
      flex:1;
      line-height: 55px;
      font-size: 26px;
  } 
  .nav>div:nth-of-type(3){
      text-align: right;
  } 

  
}

/* header end */

.dengru{
  width: 100%;
  margin-top: 98px;
  float: left;
   .login{
    width: 90%;
    margin: 0px auto;
    display: flex;
    margin-top: 20px;
    margin-bottom: 28px;
  }
  .login>div{
      flex-basis:25%;
  }
   .login>div:nth-of-type(2){
     
       .login_click{
          
           color: #000;
           font-size: 26px;
           margin:33px 0px 30px;
           
       }
       .login_desc{
        color: #9d9d9d;
        font-size: 26px;
        margin:0px;
       }
  }
  
  .login>div:nth-of-type(3){
     flex:1;
     text-align: right;
     font-size: 88px;
     line-height: 168px;
  }
}
/* dengru end */

.center{
   width: 100%;
   float: left;
   .youhui{
      width: 90%;
      margin: 0px auto;
      display: flex;
      margin-bottom: 30px;
      justify-content:space-between;

   }
   .youhui>div{
       flex-basis:25%;
       text-align: center;
       padding-top: 21px;
   }
   .youhui>div:nth-of-type(1){
       background:#b2e0a0;
   }
   .youhui>div:nth-of-type(2){
       background:#a0dce0;
   }
   .youhui>div:nth-of-type(3){
       background:#e0b7a0;
   }

   .money{
      width: 90%;
      margin: 0px auto;
      display: flex;
      margin-bottom: 25px;
   }
   .zuji{
    margin-bottom: 80px;
   }
   .money>div{
        
        flex-basis:17%;
   }
   .money>div:nth-of-type(2){
        
        font-size: 26px;
        line-height: 71px;
   }
   .money>div:nth-of-type(3){
        flex:1;
        text-align: right;
        line-height: 71px;
        .more_money{
            width: 150px;
            height: 100%;
            padding-right: 40px;
            font-size: 24px;
            color: #000;
            @include bgImgs('../images/more_money.png',right,center);
        }
   }

   .zuche{

      width: 90%;
      margin:0px auto;
      margin-bottom: 180px;
      display: flex;
      justify-content:space-between;
   }
   .zuche>div{
      flex-basis:40%;
      text-align: center;
      a{
        line-height: 76px;
        padding: 0px 60px;
        font-size: 24px;
        color: #fff;
        @include bgImg('../images/zuche.png',center,center,100%);
        
      }
   }
}

.footer {
  width: 750px;
  position: fixed;
  margin:0px auto;
  bottom: 0px;
   }
  .footer .menu {
    width: 100%;
    display: flex;
    flex-grow: row;
    justify-content: space-around;
    padding-bottom: 17px;
    padding-top: 17px; }
  .footer .menu > a {
    flex-basis: 25px;
    text-align: center;
    font-size: 26px;
    
    color: #000; }